<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('新增员工持证')"/>
    <th:block th:include="include :: datetimepicker-css"/>
    <th:block th:include="include :: select2-css"/>
    <th:block th:include="include :: bootstrap-select-css"/>
</head>
<style>
    input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }


</style>
<body>
<div class="wrapper wrapper-content animated fadeInRight ibox-content" id="dv">
    <form class="form-horizontal m" id="empCertificate-add" AUTOCOMPLETE="OFF">
        <h4 class="form-header h4">基本信息</h4>
        <div class="form-group">
            <div class="col-sm-12">

                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">单位：</label>
                    <div class="col-sm-8">
                        <select name="compId" id="compId" class="form-control noselect2">
                            <option value="">请选择</option>
                            <option th:each="pro:${userComp}" th:value="${pro.compId}"
                                    th:text="${pro.compName}"></option>
                        </select>
                    </div>

                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-12">
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">年份：</label>
                    <div class="col-sm-8">
                        <select name="years" id="years" class="form-control noselect2">
                            <option value="">请选择</option>
                            <option value="2020">2020</option>
                            <option value="2021">2021</option>
                            <option value="2022">2022</option>
                            <option value="2023">2023</option>
                            <option value="2024">2024</option>
                            <option value="2025">2025</option>
                        </select>
                    </div>
                </div>
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">月份：</label>
                    <div class="col-sm-8">
                        <select name="months" id="months" class="form-control noselect2">
                            <option value="">请选择</option>
                            <option value="1">一月</option>
                            <option value="2">二月</option>
                            <option value="3">三月</option>
                            <option value="4">四月</option>
                            <option value="5">五月</option>
                            <option value="6">六月</option>
                            <option value="7">七月</option>
                            <option value="8">八月</option>
                            <option value="9">九月</option>
                            <option value="10">十月</option>
                            <option value="11">十一月</option>
                            <option value="12">十二月</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <h4 class="form-header h4">建筑工程类</h4>
        <div class="form-group">
            <div class="col-sm-12">
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">一建：</label>
                    <div class="col-sm-8">
                        <input id="firstConstructionNum" name="firstConstructionNum" class="form-control" type="number"
                               placeholder="请输入一建人数" required>
                    </div>
                </div>
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">二建：</label>
                    <div class="col-sm-8">
                        <input id="secondConstructionNum" name="secondConstructionNum" class="form-control"
                               type="number" placeholder="请输入二建人数"
                               required>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-12">
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">造价师：</label>
                    <div class="col-sm-8">
                        <input id="costEngineerNum" name="costEngineerNum" class="form-control" type="number"
                               placeholder="请输入造价师人数" required>
                    </div>
                </div>
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">安全A证：</label>
                    <div class="col-sm-8">
                        <input id="securityANum" name="securityANum" class="form-control" type="number"
                               placeholder="请输入安全A证人数"
                               required>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-12">
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">安全B证：</label>
                    <div class="col-sm-8">
                        <input id="securityBNum" name="securityBNum" class="form-control" type="number"
                               placeholder="请输入安全B证人数" required>
                    </div>
                </div>
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">安全C证：</label>
                    <div class="col-sm-8">
                        <input id="securityCNum" name="securityCNum" class="form-control" type="number"
                               placeholder="请输入安全C证人数"
                               required>
                    </div>
                </div>
            </div>
        </div>
        <h4 class="form-header h4">人资类</h4>
        <div class="form-group">
            <div class="col-sm-12">
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">人力资源一级：</label>
                    <div class="col-sm-8">
                        <input id="humanResourcesOneNum" name="humanResourcesOneNum" class="form-control" type="number"
                               placeholder="请输入人力资源一级人数" required>
                    </div>
                </div>
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">人力资源二级：</label>
                    <div class="col-sm-8">
                        <input id="humanResourcesTowNum" name="humanResourcesTowNum" class="form-control" type="number"
                               placeholder="请输入人力资源二级人数"
                               required>
                    </div>
                </div>
            </div>
        </div>
        <h4 class="form-header h4">财务类</h4>
        <div class="form-group">
            <div class="col-sm-12">
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">注册会计师：</label>
                    <div class="col-sm-8">
                        <input id="registerAccountingNum" name="registerAccountingNum" class="form-control"
                               type="number"
                               placeholder="请输入月初人数" required>
                    </div>
                </div>
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">高级会计师：</label>
                    <div class="col-sm-8">
                        <input id="seniorAccountingNum" name="seniorAccountingNum" class="form-control" type="number"
                               placeholder="请输入高级会计师人数"
                               required>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-12">
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">中级会计师：</label>
                    <div class="col-sm-8">
                        <input id="intermediateAccountingNum" name="intermediateAccountingNum" class="form-control"
                               type="number"
                               placeholder="请输入中级会计师人数" required>
                    </div>
                </div>
                <div class="col-sm-6">
                    <label class="col-sm-4 control-label">助理会计师：</label>
                    <div class="col-sm-8">
                        <input id="assistantAccountingNum" name="assistantAccountingNum" class="form-control"
                               type="number" placeholder="请输入助理会计师人数"
                               required>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: datetimepicker-js"/>
<th:block th:include="include :: select2-js"/>
<script type="text/javascript">
    var prefix = ctx + 'empCertificate';
    function submitHandler() {
        if ($.validate.form()) {
            var data = $("#empCertificate-add").serializeArray();
             $.operate.save(prefix + "/add", data);
             //parent.sum();

        }
    }
</script>
</body>
</html>